<template>
	<view class="app">
		<view class="app-1">
			<u-input v-model="nickname" type="text"  :clearable='true'   placeholder="请输入昵称" />
			<!-- <input v-model="nickname" placeholder-class="on" type="text"/> -->
		</view>
		<view class="app-2">
			<text>4-20个字符,可由中英文、数字组成</text>
		</view>
		<view class="btn">
			<text>提交</text>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			nickname:''
		};
	},
	components: {
	},
	onLoad() {},

	methods: {
	
	}
};
</script>

<style lang="scss">
.app{
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
	.app-1{
		background-color: #fff;
		padding: 15upx;
		font-size: 28upx;
		color: #000;
		.on{
			font-size: 28upx;
			color: #999;
		}
	}
	.app-2{
		padding: 15upx;
		color: #999;
		font-size: 24upx;
	}
	.btn{
		position: fixed;
		padding: 40upx;
		bottom: 0;
		width: 100%;
		left: 0;
	}
}
</style>
